<? include 'header.php';?>


<script>
      $(document).ready(function(){
         
         $("select[name=estado]").change(function(){
            $("select[name=cidade]").html('<option value="0">Carregando...</option>');
            
            $.post("teste2.php", 
                  {estado:$(this).val()},
                  function(valor){
                     $("select[name=cidade]").html(valor);
                  }
                  )
            
         })
      })
      
</script>
</head>

<body>
<form action="" method="post">
   <select name="estado">
       <option value="0">Escolha um Estado</option>
        <?php
         mysql_connect("localhost", "root", "21");
         mysql_select_db("sea");
         
         $sql = "SELECT * FROM tbEvento";
         $qr = mysql_query($sql) or die(mysql_error());
         while($ln = mysql_fetch_array($qr)){
            echo '<option value="'.$ln[0].'">'.$ln[1].'</option>';
         }
      ?>
        
    </select>
    
    <select name="cidade">
       <option value="0" disabled="disabled">Escolha um Estado Primeiro</option>
    </select>
</form>
</body>
</html> 
